<table id="tabla_movimientos" class="scroll" cellpadding="0" cellspacing="0"></table> 
<div id="pager_movimientos" class="scroll" style="text-align:center;"></div> 

<script type="text/javascript">
  jQuery("#tabla_movimientos").jqGrid({ 
    url: "<%= url_for(:controller => "movimientos", :action => "datos") %>" ,
    editurl: "<%= movimientos_url%>" ,
    colNames:[
        'Fecha',
        'Persona',
        'Tipo movimiento',
        'Recibo',
        'Valor',
      ],
    colModel : [
      {name: 'movimiento[fecha]', index: 'fecha', width: 80, align: 'left', editable: true},
      {name: 'movimiento[usuario]', index: 'usuarios.nombres', width: 200, align: 'left', editable: true},
      {name: 'movimiento[tipo_movimiento]', index: 'tipos_movimientos.nombre', width: 130, align: 'left', editable: true},
      {name: 'movimiento[recibo]', index: 'recibo_id', width: 100, align: 'left', editable: true,search: false},
      {name: 'movimiento[valor]', index: 'valor', width: 100, align: 'left', editable: true, formatter:'currency'},
      ],
    sortname: "fecha",
    sortorder: "desc",
    caption: 'Movimientos',
    height: 350,
    <%= default_grid_options(:model => 'movimientos', :view => movimientos_path) %>

</script>

<% if @window -%>
  <a href="#" class="jqmClose">Aceptar</a>
<% else -%>
  <% content_for :sidebar do -%> 
    <h3>Acciones</h3>
    <%= boton 'Nuevo movimiento', new_movimiento_path, :imagen => 'agregar' %> <br /> 
    <%= boton 'Ver movimiento', "javascript:abrir(null)", :imagen => 'ver' %>
  <% end -%>
<% end -%>
